ページネーション Pagination - kii's memo

ページネーション Pagination

APIを用いたページ切り替え、データ取得

サーバー関連

TODO

Mutations & Actions Pt. 2 - Mastering Vuex | Vue Mastery

JSON Server , Vuetify

移動した際に、リロードしたい

router-view

同ページのときは、リクエストしないでほしい。

stateへ保存

リロードしても機能してほしい

状態管理

Vuexなど

UI関連

思考メモ

ナビゲーション Navigation UIでもあるので、nav タグつけたほうが良い

nav タグ複数あることになるので、aria-labelもつけたほうが良い

表現

各ページ番号

その他ボタン

前後ボタン

icon,text

スキップボタン

一番前、一番後ろに飛ぶボタン

avtiveかどうか

例:１番前だと前ボタンいらない

参考

Pagination · Bootstrap v5.0

bootstrap/_pagination.scss at main · twbs/bootstrap